<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM</title>
</head>
<body>

<p>
    DOM:
    可以让我们操作和访问所有的html元素.
</p>

<p>
    可以对元素的内容进行修改和删除,也可以创建新的元素
</p>

<p>
    DOM树:DOM将html文档表达为树结构

    节点(node):html中的所有内容都是节点
</p>

<p>
    节点:元素(标签)节点, 文本节点, 属性节点
</p>

<p>
    元素(element)节点: html中的标签,标签的名字就是元素的名字
</p>

<p>
    文本节点: 纯文本, 比如p标签中包含的文字
</p>
<p>
    属性节点: 标签内设置的属性
</p>

</body>
</html>